<style lang="css" scoped>
	.ivu-modal{
		height:700px;
		overflow: hidden;
	}
</style>
<template>
  <div>
<!--     <Card>
		<p slot="title" style="height: 32px">
			时间区间：<DatePicker type="date" style="width: 200px"></DatePicker> —— <DatePicker type="date" style="width: 200px"></DatePicker>
		</p>
    </Card> -->
    <Row :gutter="20" style="margin-top: 10px;">
      <i-col :md="24" :lg="24" style="margin-bottom: 20px;">
        <Card shadow>
          <lines style="height: 500px;"></lines>
        </Card>
      </i-col>
    </Row>
  </div>
</template>
<script>
import { ChartPie, ChartBar, ChartLine } from '_c/charts'
import Lines from './lines.vue'
export default {
  components: {
  	ChartPie,
    ChartBar,
    ChartLine,
    Lines
  },
  data () {
    return {
      pieData: [
        { value: 600, name: '男' },
        { value: 400, name: '女' }
      ],
      barDatas: {
        男: 600,
        女: 400
      },
      pieDataAge: [
        { value: 200, name: '20-25' },
        { value: 400, name: '25-30' },
        { value: 350, name: '30-40' },
        { value: 150, name: '40以上' }
      ],
      barDataAge: {
        '20-25': 200,
        '25-30': 400,
        '30-40': 350,
        '40以上': 150
      },
      pieDataWork: [
      	{ value: 150, name: '一年以内' },
      	{ value: 400, name: '一至二年' },
      	{ value: 300, name: '二至三年' },
      	{ value: 130, name: '三至四年' },
      	{ value: 100, name: '五年以上' }

      ],
      barDataWork: {
        '一年以内': 150,
        '一至二年': 400,
        '二至三年': 300,
        '三至四年': 130,
        '五年以上': 100
      },
      pieDataStudent: [
		    { value: 50, name: '高中、职高' },
		    { value: 200, name: '大专' },
		    { value: 500, name: '本科' },
		    { value: 100, name: '研究生及以上' }
      ],
      barDataStudent: {
        '高中、职高': 50,
        '大专': 200,
        '本科': 500,
        '研究生及以上': 100
      },
      pieDataDang: [
		    { value: 700, name: '党员' },
		    { value: 300, name: '非党员' }

      ],
      barDataDang: {
        '党员': 700,
        '非党员': 300
      },
      pieDataDangAge: [
		    { value: 600, name: '一至五年' },
		    { value: 350, name: '二至十年' },
		    { value: 50, name: '十年以上' }
      ],
      barDataDangAge: {
        '一至五年': 600,
        '二至十年': 350,
        '十年以上': 50
      },
      barData: {
        一月: 13253,
        二月: 34235,
        三月: 26321,
        四月: 12340,
        五月: 24643,
        六月: 1322,
        七月: 2324,
        八月: 3324,
        九月: 5324,
        十月: 1324,
        十一月: 7324,
        十二月: 12324
      },
      modelshow: true,
      isData: {}
    }
  },
  methods: {
    pieFun (name) {
      this.modelshow = !this.modelshow
    }
  },
  mounted () {
  }
}
</script>

<style>

</style>
